<!doctype html>
<html lang="utf-8">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="Introducing Lollipop, a sweet new take on Android.">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
	<title>sshlearning</title>

	<!-- Page styles -->
	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
	<link rel="stylesheet" href="./css/icon.css">
	<link rel="stylesheet" href="./css/material.min.css">
	<link rel="stylesheet" href="./css/styles.css">
	<link rel="stylesheet" href="./css/ziyuan.css">
	<link rel="stylesheet" href="./css/footer.css">
	<style>
		a {
			text-decoration: none;
			cursor: pointer;
		}

		#view-source {
			position: fixed;
			display: block;
			right: 0;
			bottom: 0;
			margin-right: 40px;
			margin-bottom: 40px;
			z-index: 900;
			text-decoration: none;
		}

		hr {
			border-color: rgba(0, 0, 0, .12);
			border-width: 1px 0 0;
			margin: 0;
		}

		h2 {
			line-height: 1.2;
			margin: 0 0 8px;
		}

		#wechat:hover {
			box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .08), 0 1px 3px 1px rgba(60, 64, 67, .16);
			border-radius: 5px;
			cursor: pointer;
		}

		#qq:hover {
			box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .08), 0 1px 3px 1px rgba(60, 64, 67, .16);
			border-radius: 5px;
			cursor: pointer;
		}

		#github:hover {
			box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .08), 0 1px 3px 1px rgba(60, 64, 67, .16);
			border-radius: 5px;
			cursor: pointer;
		}

		.ziyuan-card__icon--open {
			transform: rotate(-140deg);
			transform-origin: initial;
		}

		i.ziyuan-card__icon {
			color: #9e9e9e;
			position: absolute;
			right: -6px;
			top: -2px;
		}

		.ziyuan-card__label {
			clear: left;
			margin: 0;
			position: relative;
		}
	</style>
</head>

<body>
	<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
		<div class="android-header mdl-layout__header mdl-layout__header--waterfall">
			<div class="mdl-layout__header-row">
				<span class="android-title mdl-layout-title">
					<img class="android-logo-image" src="images/logo-colorful.png">
					<!-- <img class="android-logo-image" src="images/logo-colorful.png"> -->
				</span>
				<!-- Add spacer, to align navigation to the right in desktop -->
				<div class="android-header-spacer mdl-layout-spacer"></div>
				<div
					class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
					<label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
						<i class="material-icons">search</i>
					</label>
					<div class="mdl-textfield__expandable-holder">
						<input placeholder="😯:还没有这个功能" class="mdl-textfield__input" type="text" id="search-field">
					</div>
				</div>
				<!-- 导航 -->
				<div class="android-navigation-container">
					<nav class="android-navigation mdl-navigation">
						<a class="mdl-navigation__link mdl-typography--text-uppercase"
							href="http://sshlearning.com">主页</a>
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="https://data.sshlearning.com">大数据</a>
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="http://blog.sshlearning.com">博客</a>
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="https://www.yuque.com/sshlearning/">语雀</a>
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="https://www.zhihu.com/people/sshlearning/activities">知乎</a>
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="https://shenfeng.sshlearning.com">个人网站</a>	
						<a class="mdl-navigation__link mdl-typography--text-uppercase" target="_blank"
							href="https://www.yuque.com/cuteximi/base">友情链接</a>
					</nav>
				</div>
				<!-- 主页logo -->
				<span class="android-mobile-title mdl-layout-title">
					<img class="android-logo-image" src="images/logo-colorful.png">
				</span>
				<!-- 更多 -->
				<button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"
					id="more-button">
					<i class="material-icons">more_vert</i>
				</button>
				<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
					<li class="mdl-menu__item">技术</li>
					<li class="mdl-menu__item">改变</li>
					<li disabled class="mdl-menu__item">世界</li>
					<li class="mdl-menu__item">和我</li>
				</ul>
			</div>
		</div>
		<!-- 左侧隐藏的栏目 -->
		<div class="android-drawer mdl-layout__drawer">
			<span class="mdl-layout-title">
				<img class="android-logo-image" src="images/logo-white.png">
			</span>
			<nav class="mdl-navigation">
				<a class="mdl-navigation__link" href="">主页</a>
				<a class="mdl-navigation__link" target="_blank" href="https://data.sshlearning.com">大数据</a>
				<a class="mdl-navigation__link" target="_blank" href="http://blog.sshlearning.com">博客</a>
				<a class="mdl-navigation__link" target="_blank" href="https://www.yuque.com/sshlearning/">语雀</a>
				<a class="mdl-navigation__link" target="_blank"
					href="https://www.zhihu.com/people/sshlearning/activities">知乎</a>
				<a class="mdl-navigation__link" target="_blank"
					href="https://shenfeng.sshlearning.com">个人网站</a>
				<a class="mdl-navigation__link" target="_blank" href="https://www.yuque.com/cuteximi/base">更多学习</a>
			</nav>
		</div>
		<!-- 主要内容 -->
		<!-- 展示中心主题，我热爱编程！！！ -->
		<div class="android-content mdl-layout__content">
			<a name="top"></a>
			<div class="android-be-together-section mdl-typography--text-center">
				<div class="logo-font android-slogan">I have a long way to go！</div>
				<div class="logo-font android-sub-slogan">Programing | Reading | Enjoying | Fighting</div>
				<!-- <div class="logo-font android-create-character">
          <a><img src="images/icon_绿.png">往下</a>
        </div> -->
				<a href="#screens">
					<button
						class="android-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
						<i class="material-icons">expand_more</i>
					</button>
				</a>
			</div>

			<!-- 大板块01 -->
			<div class="android-screen-section mdl-typography--text-center">
				<a name="screens"></a>
				<div class="mdl-typography--display-1-color-contrast">我会坚持终身学习，Keep alive.</div>
				<!-- <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">技术、科学、人文</div>
        <p class="mdl-typography--font-light">
          Keep alive
          <br> -->
				</p>
			</div>
			<!-- 大板块02 -->
			<div class="android-wear-section">
				<div class="android-wear-band">
					<div class="android-wear-band-text">
						<!-- <div class="mdl-typography--display-2 mdl-typography--font-thin">不要觉得太晚</div> -->
						<p class="mdl-typography--headline mdl-typography--font-thin">
							Google was late to search.<br>
							Facebook was late to social networking.<br>
							Apple was late to the MP3 Player.<br>
						</p>
						<p>
							<a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link"
								href="#">
								It`s never to late.Just do it better.&nbsp;
							</a>
						</p>
					</div>
				</div>
			</div>
			<!-- 大板块02结束 -->

			<!-- 大板块03 -->
			<div class="android-customized-section">
				<div class="android-customized-section-text">
					<div class="mdl-typography--display-1-color-contrast">数据多样，计算从未停止。</div>
					<p class="mdl-typography--font-light">
						执行力很重要，圈子很重要。

					</p>
					<br>
				</div>
				<div class="android-customized-section-image"></div>
			</div>
			<!-- 大板块03结束
			<!-- 大板块04开始 -->
			<div class="android-more-section">
				<div class="android-section-title mdl-typography--display-1-color-contrast"><i
						class="material-icons"></i>更多</div>

				<div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded"
					style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
					<a class="ziyuan-card__link js-analytics-click" href="https://data.sshlearning.com/" rel="noopener"
						target="_blank">
						<div class="ziyuan-card__image" style="background-image: url('images/闪电.png');"></div>
						<div class="ziyuan-card__copy">
							<h2 class="ziyuan-card__title">大数据文档</h2>
							<p class="ziyuan-card__body">在这里沉淀技术文档，砥砺前行。</p>
						</div>
						<p class="ziyuan-card__label">
							点我
							<i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
						</p>
					</a>
				</div>
				<div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded"
					style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
					<a class="ziyuan-card__link" href="https://github.com/ssh199956" rel="noopener" target="_blank">
						<div class="ziyuan-card__image" style="background-image: url('images/GitHub.png');"></div>
						<div class="ziyuan-card__copy">
							<h2 class="ziyuan-card__title">GitHub</h2>
							<p class="ziyuan-card__body">在这里分享代码，学习开源技术。</p>
						</div>
						<p class="ziyuan-card__label">
							点击访问
							<i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
						</p>
					</a>
				</div>
				<div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded"
					style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
					<a class="ziyuan-card__link" href="https://zhuanlan.zhihu.com/sshlearning" target="_blank">
						<div class="ziyuan-card__image" style="background-image: url('images/知乎.png');"></div>
						<div class="ziyuan-card__copy">
							<h2 class="ziyuan-card__title">知乎专栏</h2>
							<p class="ziyuan-card__body">搞大数据的梦呓，专注大数据技术</p>
						</div>
						<p class="ziyuan-card__label">
							点击访问
							<i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
						</p>
					</a>

				</div>
				<div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded"
					style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
					<a class="ziyuan-card__link js-analytics-click" href="https://www.yuque.com/sshlearning"
						rel="noopener" target="_blank">
						<div class="ziyuan-card__image" style="background-image: url('images/语雀.png');"></div>
						<div class="ziyuan-card__copy">
							<h2 class="ziyuan-card__title">语雀</h2>
							<p class="ziyuan-card__body">在这里笔记以及文档编写、知识沉淀。</p>
						</div>
						<p class="ziyuan-card__label">
							点击访问
							<i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
						</p>
					</a>
				</div>
			</div>

			<!-- 展示卡片内容.... -->
			<!-- <div class="android-card-container mdl-grid">
          <div class="md-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
            <div class="ziyuan-card  mdc-ripple-surface search-skip  mdc-ripple-upgraded" style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
              <a class="ziyuan-card__link" href="#" target="_blank">
                <div class="ziyuan-card__image" style="background-image: url('images/circle.png');"></div>
                <div class="ziyuan-card__copy">
                  <h2 class="ziyuan-card__title">程序员</h2>
                  <p class="ziyuan-card__body">免费在线中文书籍索引</p>
                </div>
                <p class="ziyuan-card__label">
                  推荐网站
                  <i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
                </p>
              </a>
            </div>
          </div>
          <div class=" md-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
            <div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded" style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
              <a class="ziyuan-card__link js-analytics-click" href="#" rel="noopener" target="_blank">
                <div class="ziyuan-card__image" style="background-image: url('images/circle.png');"></div>
                <div class="ziyuan-card__copy">
                  <h2 class="ziyuan-card__title">科学上网</h2>
                  <p class="ziyuan-card__body">Google会给你想要的结果。</p>
                </div>
                <p class="ziyuan-card__label">
                  推荐网站
                  <i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
                </p>
              </a>
            </div>
          </div>
          <div class=" md-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone">
            <div class="ziyuan-card  mdc-ripple-surface search-skip js-object-card mdc-ripple-upgraded" style="--mdc-ripple-fg-size:144px; --mdc-ripple-fg-scale:1.93909;">
              <a class="ziyuan-card__link js-analytics-click" href="#" rel="noopener" target="_blank">
                <div class="ziyuan-card__image" style="background-image: url('images/circle.png');"></div>
                <div class="ziyuan-card__copy">
                  <h2 class="ziyuan-card__title">科学上网</h2>
                  <p class="ziyuan-card__body">Google会给你想要的结果。</p>
                </div>
                <p class="ziyuan-card__label">
                  推荐网站
                  <i class="ziyuan-card__icon ziyuan-card__icon--open material-icons">arrow_downward</i>
                </p>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- 打板块04结束 -->

			<!-- <div class="chongdian">
          <img src="images/shoujichongdian.png" alt="记得手机充电哦！">
        </div> -->
			<div style="clear:both">

			</div>
			<!-- 页脚开始 -->
			<footer class="android-footer mdl-mega-footer" style="display: flex; ">
				<div style="margin: 0 auto;">
				<div style="float: left; "  >
					<!-- 第一行 -->
					<div class="mdl-mega-footer--top-section" >
						<div class="mdl-mega-footer--left-section" style="padding-top: 110px;">
							<a href="https://www.yuque.com/sshlearning/daily/me" target="_blank">
								<img id="wechat" src="images/wechat.svg" alt="微信联系我">
							</a>
							
							<!-- QQ -->
							<!-- &nbsp; -->
							<!-- <a href="#"> <img id="qq" src="images/qq_1.svg" alt="QQ联系我"></a> -->
					
							&nbsp;
							<a href="https://github.com/ssh199956" target="_blank"><img id="github" src="images/GitHub.svg"
									alt="github联系我"></a>
									
						</div>
						
						<!-- <div class="mdl-mega-footer--right-section">
											<a class="mdl-typography--font-light" href="#top"> -->
						<div class="backTop visble">
							<a href="#top"><img
									src="https://img.zcool.cn/special-resource/2020spring-festival/assets/img/backTop.png?imgverstion="
									alt=""></a>
						</div>
						<!-- <br /> -->
						<!-- <i class="material-icons">expand_less</i>
											</a>
										</div> -->
					</div>
					<!-- 第二行 -->
					<div class="mdl-mega-footer--middle-section">
						<br />
						<p class="mdl-typography--font-light">2020 - 2021 ©️ sshlearning.com</p>
						<p class="mdl-typography--font-light">投资 | 认知 | 大数据</p>
					</div>
					<!-- 第三行 -->
					<div class="mdl-mega-footer--bottom-section">
						<a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
							联系我
							<i class="material-icons">arrow_drop_up</i>
						</a>
						<ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
							<li class="mdl-menu__item">点👆</li>
							<!-- <li class="mdl-menu__item"></li>
											<li class="mdl-menu__item">QQ</li> -->
						</ul>
						<a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
							友链
							<i class="material-icons">arrow_drop_up</i>
						</a>
						<ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
							<a href="https://www.yuque.com/cuteximi/base">
								<li class="mdl-menu__item">大数据每日学习</li>
							</a>
							<a href="https://www.yuque.com/cuteximi/daily/me">
								<li class="mdl-menu__item">关注我大哥学习更多知识</li>
							</a>
							<li class="mdl-menu__item">微信可以关注公众号：大数据每日哔哔</li>
							<a href="https://www.yuque.com/sshlearning/daily/me">
								<li class="mdl-menu__item">微信可以关注公众号：IT编程学习栈</li>
							</a>
						</ul>
						<a class="android-link mdl-typography--font-light" target="_blank" href="http://blog.sshlearning.com">Blog</a>
					
					</div>
				</div>
				<div style="width: 600px; height: 300px; float: right;">

					<div align="center">
						<h4 style="height: 20px;">微信公众号</h4>
					</div>
					<div style="float: left;">
						<img src="images/gongzhonghao1.png" height="280" width="280" />
						<h6 align="center">IT编程学习栈</h6>
					</div>

					<div style="float: right;">
						<img src="images/gongzhonghao2.png" />
						<h6 align="center">大数据每日哔哔</h6>
					</div>
				</div>

</div>
			</footer>
			<!-- 页脚结束 -->
		</div>
		<!-- 主要内容结束 -->
	</div>
	<!-- 结束 -->
	<!-- <a href="https://github.com/aikuyun" target="_blank" id="view-source"> -->
	<!-- Icon badge -->
	<!-- <span class="mdl-badge" data-badge="♥">Github
	</span>
	</a> -->
</body>
<script
	src="https://static.zcool.cn/v45.11.12.30-1.2/special-resource/2020spring-festival/assets/js/jquery.min.js"></script>
<script src="./js/material.min.js"></script>
<script src="./js/footer.js"></script>

</html>